<template>
    <div id="xq">
        <img :src="shop.image_path" alt="">
        <div id="xq_d">
            <h2 id="xq_h2"><span id="xq_span1">{{shop.name}}</span><span id="xq_span2" class="iconfont">&#xe618;</span></h2>
            <div id="xq_d1"><span class="xq-span3">评分{{shop.rating}}</span>&nbsp;&nbsp;&nbsp;<span class="xq-span3">月销{{shop.recent_order_num}}单</span>&nbsp;&nbsp;&nbsp;<span class="xq-span3">蜂鸟快送{{shop.order_lead_time
}}分钟</span></div>
            <p id="xq_p">{{shop.promotion_info}}</p>
        </div>
    </div>
</template>
<script>
export default {
    props:{
        'shop':Object
    },
    
}
</script>
<style lang="stylus" scoped>
    #xq
        padding 8vw 4vw 0
        position relative
        display flex
        background-color #fff
        text-align center
        width 100%
    #xq
        img
            width 17.333333vw
            height 17.333333vw
            border-radius .533333vw
            box-shadow 0 0 0.4vw 0 rgba(0,0,0,.2)
            position absolute
            top 0
            left 50%
            margin-left -10vw
            margin-top -12vw
        #xq_d
            width 72vw
            flex 1
            text-align center
            #xq_h2
                margin 0
                font-size .546667rem
                line-height 1.2em
                font-weight 700
                white-space nowrap
                position relative
                padding-right 2.666667vw
                display flex
                align-items center
                justify-content center
                #xq_span2
                    font-size .546667rem
                    line-height 1.2em
                    font-weight 700
                    white-space nowrap
                    border-width 1.466667vw 0 1.466667vw 1.733333vw
                    border-color transparent transparent transparent rgba(0,0,0,.67)
            #xq_d1
                height 3.2vw
                margin-top 1.733333vw
                font-size .293333rem
                color #333
                .xq-span3
                    font-size .293333rem
                    color #333
            #xq_p
                width 70vw
                font-size .293333rem
                font-weight 300
                color #999
                overflow hidden
                text-overflow ellipsis
                margin 2.266667vw auto 2.666667vw
                padding 0
                white-space nowrap
</style>


